<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"
    pageEncoding="UTF-8"%>
    <%String path=request.getContextPath(); %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>在线宠物店</title>
    <jsp:include page="../import.jsp"/>
<script>
			var targetPic = 1;
			var ti;

			function show(k) {
				if (Number(k)) {
					clearTimeout(ti);
					targetPic = k;
				}

				for (var i = 1; i < 5; i++) {
					if (i == targetPic) {
						document.getElementById('img' + i).style.display = 'block';
					} else {
						document.getElementById('img' + i).style.display = 'none';
					}
				}

				if (targetPic < 4) {
					targetPic++;
				} else {
					targetPic = 1;
				}

				ti = setTimeout("show()", 2000);
			}
		</script>
    
</head>

<body onload="show()" class="fixed-sidebar full-height-layout gray-bg" style="overflow:auto;"><!-- style="overflow:hidden" -->
    
    <%
	/* UserEntity user = (UserEntity)session.getAttribute("user"); */
	%>
	<input id="job_numberInput" type="hidden" name="student_nameInput" value="秋月"> 
    
        <!--左侧导航开始-->
         <jsp:include page="head.jsp"></jsp:include>
        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="row border-bottom">
                 <!-- 顶部导航 -->
                   <jsp:include page="topHead.jsp"></jsp:include>
            </div>
            
          
            <div class="row J_mainContent" id="content-main">
            <!-- 添加 首页的相关操作 -->
            
            <div class="wrapper wrapper-content animated fadeIn">
		        <div class="row">
		        
		        	<div class="col-sm-12">
			        	<div >
							<p class="lunbo"><img src="<%= path%>/pic/0.jpg" width="100%" height="350px" id="img1" /></p>
							<p class="lunbo"><img src="<%= path%>/pic/1.jpg" width="100%" height="350px" id="img2" /></p>
							<p class="lunbo"><img src="<%= path%>/pic/2.jpg" width="100%" height="350px" id="img3" /></p>
							<p class="lunbo"><img src="<%= path%>/pic/3.jpg" width="100%" height="350px" id="img4" /></p>
						</div>
		        		<div id="number" style="width:500px; margin-left:35%;margin-bottom: 30px;">
							<a href="javascript:show(1)" style="margin-left: 10px;"><img border="0" src="<%=path%>/oa/img/1.jpg" width="50" height="50"></a>
							<a href="javascript:show(2)" style="margin-left: 10px;"><img border="0" src="<%=path%>/oa/img/2.jpg" width="50" height="50"></a>
							<a href="javascript:show(3)" style="margin-left: 10px;"><img border="0" src="<%=path%>/oa/img/3.jpg" width="50" height="50"></a>
							<a href="javascript:show(4)" style="margin-left: 10px;"><img border="0" src="<%=path%>/oa/img/4.jpg" width="50" height="50"></a>
						</div>
		        	</div>
		        
		            <div class="col-sm-9">
		                <div class="ibox float-e-margins">
		                    <div class="ibox-title" >
		                        <h5>公告栏</h5>
		                        <div class="ibox-tools">
		                            <a class="collapse-link">
		                                <i class="fa fa-chevron-up"></i>
		                            </a>
		                       
		                            <a class="close-link" id="informDiv">
		                                <i class="fa fa-times"></i>
		                            </a>
		                        </div>
		                    </div>
		                    <div class="ibox-content" id="informNextDiv" style="height:300px;overflow:auto;">
		                        <div class="alert alert-success alert-dismissable">
		                            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
		                          1)2015年12月，LV犬舍优秀母犬【Spark】潍坊赛场一站登陆，三场BOS成绩，顺利完成中国冠军登陆！ <a class="alert-link" href="#">了解更多</a>.
		                        </div>
		                        <div class="alert alert-info alert-dismissable">
		                            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
		                          			 2)LV犬舍葛二蛋稳坐2015年CKU中国萨摩耶犬排行一宝座！ <a class="alert-link" href="#">了解更多</a>.
		                        </div>
		                        <div class="alert alert-warning alert-dismissable">
		                            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
		                          			3)CKU犬种知识讲座•第十组视觉猎犬 CKU审查员<a class="alert-link" href="#">了解更多</a>.
		                        </div>
		                        <div class="alert alert-danger alert-dismissable">
		                            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
		                           			4)2016年CKU牵犬师资格认证考试•本溪;2016年CKU<%= path%><a class="alert-link" href="#">了解更多</a>.
		                        </div>
		                         <div class="alert alert-warning alert-dismissable">
		                            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
		                         			 5)2016年武汉•CKU牵犬师资格认证考试及精英大赛<%= path%>   <a class="alert-link" href="#">了解更多</a>.
		                        </div>
		                          <div class="alert alert-warning alert-dismissable">
		                            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
		                         			<a href="http://www.cku.org.cn">CKU官网</a>  <a class="alert-link" href="#">了解更多</a>.
		                        </div>
		                         
		                       
		                    </div>
		                    
		                </div>
		            </div>
		            
		             <div class="col-sm-3">
		             	
		             	<div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>活动列表</h5>
                    </div>
                    <div class="ibox-content" style="height:300px;overflow: auto;">
                        <ul class="todo-list m-t small-list ui-sortable">
                      		 <li>
 
                                <a href="#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">CKU公益 爱的循环</span>
                                <small class="label label-primary"><i class="fa fa-clock-o"></i> 12小时</small>
                            </li>
                            <li>
                                <a href="#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">2017年CKU赛事计划</span>
								<small class="label label-primary"><i class="fa fa-clock-o"></i>2017-06-29</small>
                            </li>
                            <li>
                                <a href="#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">2017年CKU牵犬师活动计划</span>
								<small class="label label-primary"><i class="fa fa-clock-o"></i>2017-07-01</small>
                            </li>
                            <li>
                                <a href="#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs"> CKU新生犬繁殖登记流程</span>
                                <small class="label label-primary"><i class="fa fa-clock-o"></i>2017-07-03</small>
                            </li>
                            
                            <li>
                                <a href="#" class="check-link"><i class="fa fa-check-square"></i> </a>
                                <span class="m-l-xs todo-completed">2017年美容考试计划</span>
                            </li>
                            <li>
                                <a href="#" class="check-link"><i class="fa fa-check-square"></i> </a>
                                <span class="m-l-xs todo-completed">2017爱犬跑步赛</span>
                            </li>
                            
                        </ul>
                    </div>
                </div>
		             
		             </div>
		          
		    </div>
            
             <!--  <iframe id="J_iframe" width="100%" height="100%" src="indexPage.jsp" frameborder="0" data-id="indexPage.jsp" seamless></iframe> -->
        	</div>
        </div>
        <!--右侧部分结束-->
    </div>

	<div class="col-sm-12">
 		<footer style="text-align: center;"> 
        	<p style="margin: 0 auto;">LV犬舍 版权所有 微信号：LILISAMO 电话：13952878308,13222416810 QQ:992317360 新浪微博：992317360@qq.com 
        		<br />
        		技术支持：LV犬舍网站
        	</p>
        </footer>
	
	</div>


	<script type="text/javascript">
			 /* $(function (){ */
				//*********************** 方法 三    淡入淡出
							//需求: 点击标题后 显示 标题下面的div
					$("#informDiv").bind("click",function(){
						var $div = $("#informNextDiv");
						if($div.is(":visible") ){ //div显示的
							//隐藏
							$div.fadeOut();
						}else{
							//显示
							$div.fadeIn();
						}
					});
	 
			/* }); */
				
	</script>

	 
</body>

</html>
